/**
 * 资料来源与数据引用组件
 * 展示市场与技术数据来源、行业趋势参考等信息
 */

import { motion } from "framer-motion";

interface SourcesSectionProps {
    sectionRef: (el: HTMLElement | null) => void;
}

export default function SourcesSection({ sectionRef }: SourcesSectionProps) {
    return (
        <section ref={sectionRef} className="py-20 bg-white">
            <div className="max-w-7xl mx-auto px-6">
                <motion.div
                    initial={{
                        opacity: 0,
                        y: 20
                    }}
                    whileInView={{
                        opacity: 1,
                        y: 0
                    }}
                    transition={{
                        duration: 0.6
                    }}
                    viewport={{
                        once: true
                    }}>
                    <h2 className="text-3xl md:text-4xl font-bold text-center mb-16">资料来源与数据引用</h2>
                </motion.div>
                
                <div className="grid md:grid-cols-2 gap-8">
                    {/* 市场与技术数据来源 */}
                    <motion.div
                        initial={{
                            opacity: 0,
                            x: -30
                        }}
                        whileInView={{
                            opacity: 1,
                            x: 0
                        }}
                        transition={{
                            duration: 0.6
                        }}
                        viewport={{
                            once: true
                        }}
                        className="bg-gray-50 rounded-2xl shadow-lg p-8">
                        <h3 className="text-2xl font-bold text-blue-800 mb-6 flex items-center">
                            <i className="fa-solid fa-chart-line mr-3 text-blue-600"></i>市场与技术数据来源
                        </h3>
                        <div className="space-y-6">
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">市场规模与增长趋势</h4>
                                <ul className="list-disc pl-6 space-y-2 text-gray-700">
                                    <li>Gartner《2023年人工智能在招聘领域应用市场报告》</li>
                                    <li>Grand View Research《AI in Recruitment Market Size Report, 2024-2030》</li>
                                    <li>IDC《中国人工智能应用市场分析报告2023》</li>
                                </ul>
                            </div>
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">技术性能数据</h4>
                                <ul className="list-disc pl-6 space-y-2 text-gray-700">
                                    <li>供应商解析方案测试数据</li>
                                    <li>倍逻解析方案测试数据</li>
                                    <li>模型测试结果</li>
                                    <li>系统性能测试数据</li>
                                </ul>
                            </div>
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">商业价值数据</h4>
                                <ul className="list-disc pl-6 space-y-2 text-gray-700">
                                    <li>McKinsey《AI in HR: Transforming Talent Acquisition》</li>
                                    <li>PwC《2023年人才管理趋势报告》</li>
                                    <li>ROI计算模型</li>
                                </ul>
                            </div>
                        </div>
                    </motion.div>
                    
                    {/* 行业趋势与技术实现参考 */}
                    <motion.div
                        initial={{
                            opacity: 0,
                            x: 30
                        }}
                        whileInView={{
                            opacity: 1,
                            x: 0
                        }}
                        transition={{
                            duration: 0.6,
                            delay: 0.2
                        }}
                        viewport={{
                            once: true
                        }}
                        className="bg-gray-50 rounded-2xl shadow-lg p-8">
                        <h3 className="text-2xl font-bold text-blue-800 mb-6 flex items-center">
                            <i className="fa-solid fa-book mr-3 text-blue-600"></i>行业趋势与技术实现参考
                        </h3>
                        <div className="space-y-6">
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">技术实现参考</h4>
                                <ul className="list-disc pl-6 space-y-2 text-gray-700">
                                    <li>阿里云《大模型微调最佳实践》</li>
                                    <li>阿里云智能文档服务技术文档</li>
                                    <li>WHALE平台技术文档</li>
                                    <li>Google《Multilingual NLP Best Practices》</li>
                                </ul>
                            </div>
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">行业趋势参考</h4>
                                <ul className="list-disc pl-6 space-y-2 text-gray-700">
                                    <li>Gartner《2024年人工智能技术趋势展望》</li>
                                    <li>Forrester《The Future of Work 2025》</li>
                                    <li>World Economic Forum《Future of Jobs Report 2023》</li>
                                    <li>Harvard Business Review《AI-Powered Talent Matching》</li>
                                    <li>McKinsey《Global Talent Trends 2023》</li>
                                </ul>
                            </div>
                            <div>
                                <h4 className="font-semibold text-lg text-gray-800 mb-3">原始文章数据来源</h4>
                                <p className="text-gray-700 pl-2">
                                    本白皮书和PPT的核心内容基于原文《本文正在参与「AI看你的｜首届阿里&蚂蚁内部AI实践案例」》中提供的实际案例和数据，包括微调小模型技术实现细节、模型性能测试数据、系统架构设计、部署方案选择和成本效益分析。
                                </p>
                            </div>
                        </div>
                    </motion.div>
                </div>
                
                {/* 免责声明 */}
                <motion.div
                    initial={{
                        opacity: 0,
                        y: 20
                    }}
                    whileInView={{
                        opacity: 1,
                        y: 0
                    }}
                    transition={{
                        duration: 0.6,
                        delay: 0.4
                    }}
                    viewport={{
                        once: true
                    }}
                    className="mt-12 bg-gray-800 text-white p-6 rounded-xl flex flex-col md:flex-row items-center justify-between">
                    <div className="flex items-center mb-4 md:mb-0">
                        <i className="fa-solid fa-info-circle text-2xl mr-3 text-blue-400"></i>
                        <p className="text-sm text-gray-300">
                            本文档中的所有数据和信息均来自公开发表的研究报告、行业白皮书和原始案例文章。如有侵权，请联系我们进行更正。
                        </p>
                    </div>
                    <div className="text-sm text-gray-400">© 2025 AI简历解析项目团队</div>
                </motion.div>
            </div>
        </section>
    );
}